<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>一加手机官网商城</title>
		<link rel="stylesheet" type="text/css" href="../css/Store.css"/>
	</head>

	<body>
		<!--最顶端-->
		<div id="header">
			<div class="headerBox">
				<div class="logo">
					<img src="../img/Store-img/logo.png" alt="onePlus_logo" title="官网首页" href="../index.html"/>
				</div><div class="topNav">
					<ul>
						<li>
							<a href="#">OnePlus5</a>
						</li><li>
							<a href="#">商城</a>
						</li><li>
							<a href="sevice.html">服务</a>
						</li><li>
							<a href="#">博客</a>
						</li><li>
							<a href="#">论坛</a>
						</li>
					</ul>
				</div><div class="account">
			    	<div class="search">
			    	</div><div class="car">
			    	</div><div class="person">
			    	</div>
			    </div>
			</div>
		</div>
		<!--随动栏-->
        <div id="subnav">
			<div class="fixNav">
				<div class="navIphone">
					<span></span>
					<p>手机</p>
				</div><div class="navAudio">
					<span></span>
					<p>耳机/音箱</p>
				</div><div class="navCase">
					<span></span>
					<p>壳/后盖/膜</p>
				</div><div class="navCable">
					<span></span>
					<p>适配器/数据线</p>
				</div><div class="navBundle">
					<span></span>
					<p>套装</p>
				</div><div class="navLifestyle">
					<span></span>
					<p>生活馆</p>
				</div>
			</div>
		</div>
	    <!--banner-->
        <div id="banner">
	    	<div>
	    	<a href="#"><img src="../img/Store-img/OnePlus5Shopbanner0822-large.jpg"/></a>
	    	</div>
	    </div>
	    <!--明星产品-->
	    <div id="heroGoods">
	    	<ul>
	    		<li><img src="../img/Store-img/ChargerBundle0719-large.png"/></li>
	    		<li><img src="../img/Store-img/Bundle0719-large.png"/></li>
	    		<li><img src="../img/Store-img/Backpack0719-large.png"/></li>
	    	</ul>
	    </div>
	    <!--产品展览-->
	    <div id="goods">
	    	<div class="contents">
	    		<div class="hot">
	    			<p>OnePlus 5 热销配件</p>
	    			<div class="wrap">
	    				<div class="pro0">
	    					<a href="#"><img src="../img/Store-img/hot00.png" alt="OnePlus 5 个性保护壳"/></a>
	    					<p><a href="#">OnePlus 5 个性保护壳</a></p>
	    					<p><a href="#">￥99.00</a></p>
	    					<p><a href="#"><img src="../img/Store-img/small00.jpg"/><img src="../img/Store-img/small01.jpg"/><img src="../img/Store-img/small02.jpg"/><img src="../img/Store-img/samll02.jpg"/></a></p>
	    				</div><div class="pro1">
	    					<a href="#"><img src="../img/Store-img/hot01.png" alt="一加银耳2"/></a>
	    					<p><a href="#">一加银耳2</a></p>
	    					<p><a href="#">￥119.00</a></p>
	    					<p><a href="#"><img src="../img/Store-img/small04.jpg"/><img src="../img/Store-img/small05.jpg"/></a></p>
	    				</div><div class="pro2">
	    					<a href="#"><img src="../img/Store-img/hot02.png" alt="一加车载DASH闪充"/></a>
	    					<p><a href="#">一加车载DASH闪充</a></p>
	    					<p><a href="#">￥199.00</a></p>
	    					<!--<p><img src="Store-img/small00.jpg"/><img src="Store-img/small01.jpg"/><img src="Store-img/small02.jpg"/><img src="Store-img/samll02.jpg"/></p>-->
	    				</div><div class="pro3">
	    					<a href="#"><img src="../img/Store-img/hot03.png" alt="OnePlus 5 芳纶纤维全包保护壳"/></a>
	    					<p><a href="#">OnePlus 5 芳纶纤维全包保护壳</a></p>
	    					<p><a href="#">￥199.00</a></p>
	    					<!--<p><img src="Store-img/small00.jpg"/><img src="Store-img/small01.jpg"/><img src="Store-img/small02.jpg"/><img src="Store-img/samll02.jpg"/></p>-->
	    				</div>
	    			</div>
	    		</div>
	    		<div class="periphery">
	    			<p>一加生活周边</p>
	    			<div class="wrap">
	    				<div class="pro0">
	    					<a href="#"><img src="../img/Store-img/zhoubian00.png" alt="一加旅行双肩包"/></a>
	    					<p><a href="#">一加旅行双肩包</a></p>
	    					<p><a href="#">￥399.00</a></p>
	    					<p><a href="#"><img src="../img/Store-img/psmall00.jpg"/><img src="../img/Store-img/psmall01.png"/></a></p>
	    				</div><div class="pro1">
	    					<a href="#"><img src="../img/Store-img/zhoubian01.png" alt="一加旅行双肩包"/></a>
	    					<p><a href="#">学魔套装</a></p>
	    					<p><a href="#">￥169.00 | <span>￥237.00</span></a></p>
	    					<!--<p><img src="Store-img/psmall00.jpg"/><img src="Store-img/psmall01.png"/></p>-->
	    				</div><div class="pro1">
	    					<a href="#"><img src="../img/Store-img/zhoubian02.png" alt="一加旅行双肩包"/></a>
	    					<p><a href="#">一加真皮钱包</a></p>
	    					<p><a href="#">￥249.00</a></p>
	    					<!--<p><img src="Store-img/psmall00.jpg"/><img src="Store-img/psmall01.png"/></p>-->
	    					<!--<div class="discount">
	    						7折
	    					</div>-->
	    				</div><div class="pro1">
	    					<a href="#"><img src="../img/Store-img/zhoubian03.png" alt="一加旅行双肩包"/></a>
	    					<p><a href="#">一加旅行袋</a></p>
	    					<p><a href="#">￥299.00</a></p>
	    					<!--<p><img src="Store-img/psmall00.jpg"/><img src="Store-img/psmall01.png"/></p>-->
	    				</div>
	    			</div>
	    		</div>
	    	</div>
	    </div>
	    <!--结尾-->
	    <div id="foots">
	    	<div class="contents">
	    		<div class="service">
	    			<div class="refund">
	    				<img src="../img/Store-img/7day.png"/>
	    				<p>7天无理由退货</p>
	    			</div><div class="regoods">
	    				<img src="../img/Store-img/15day.png"/>
	    				<p>7天无理由退货</p>
	    			</div><div class="replace">
	    				<img src="../img/Store-img/30day.png"/>
	    				<p>7天无理由退货</p>
	    			</div><div class="free">
	    				<img src="../img/Store-img/99yuan.png"/>
	    				<p>7天无理由退货</p>
	    			</div>
	    		</div>
	    		<div class="link">
	    			<div class="left">
	    				<dl>
	    					<dt>一加产品</dt>
	    					<dd>OnePlus 5</dd>
	    					<dd>一加手机 3T</dd>
	    					<dd>一加手机 3</dd>
	    				</dl>
	    			</div><div class="middle">
	    				<dl>
	    					<dt>关于一加</dt>
	    					<dd>了解一加</dd>
	    					<dd>加入一家</dd>
	    					<dd>H2OS</dd>
	    				</dl>
	    			</div><div class="right">
	    				<dl>
	    					<dt>服务支持</dt>
	    					<dd>自助服务</dd>
	    					<dd>技术支持</dd>
	    					<dd>售后服务</dd>
	    					<dd>一加加多保</dd>
	    				</dl>
	    			</div><div class="contact">
	    				<p>400-888-1111</p>
	    				<div class="chat">
	    					在线客服
	    				</div>
	    				<p><span>周一至周日 9:00 - 22:00</span></p>
	    			</div>
	    		</div>
	    	</div>
	    </div>
	    <div id="footer">
	    	<div class="contents">
	    		<div class="left">
	    			© 2013-2017  OnePlus. All Rights Reserved.  (<a href="#">粤ICP备13088308号-1</a>) <img src="../img/Store-img/cnnic.png"/><span>Change location <img src="../img/Store-img/guoqi.png" /></span>
	    			<p><img src="../img/Store-img/record.png"/>粤公网安备 44030402000178号</p>
	    		</div>
	    	</div>
	    </div>
	</body>

</html>